<!DOCTYPE html>

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" type="text/css" href="calendar_style.css">
<link rel="stylesheet" type="text/css" href="fullcalendar/fullcalendar.css">
<title>NoteItAll</title>

<script src="jquery/jquery-1.9.1.min.js"></script>
<script src="jquery/jquery-ui-1.10.2.custom.min.js"></script>
<script src="fullcalendar/fullcalendar.min.js"></script>



<script>

jQuery(function() {


$(document).ready(function() {
    $('#calendar').fullCalendar({
        header: {
				left: 'prev',
				center: 'title',
				right: 'next'
			},
		aspectRatio: 9/10,
		titleFormat: {
			month: 'MMM yyyy'
		},
		dayNamesShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
		events: "json-events.php"
    })
});


});

</script>
</head>

<body>

<div id="locationTabs">
<ul>
<li><a href="index.php"><img src="./img/new.png" /></a></li>
<li><a href="search.php"><img src="./img/browse.png" /></a></li>
<li><a href="calendar.php"><img src="./img/calendar_top.png" /></a></li>
</ul>
</div><!-- locationTabs -->

<div id="calendar_top">
			<div onclick="window.location='calendar.php'">Date Taken</div>
			<div onclick="window.location='calendar2.php'" style="background-color: white;">Date Tagged</div>
</div>
<div id="calendar"></div>

</body>
</html>